import { useGlobalContextStore } from '@/store/modules/global-context';

export function useContentHeight(subtraction = 0) {
  const globalContextStore = useGlobalContextStore();

  const height = computed(() => {
    return globalContextStore.mainContentHeight - subtraction;
  });
  const heightStyle = computed(() => {
    return {
      height: `${globalContextStore.mainContentHeight - subtraction}px`,
    };
  });

  return {
    height,
    heightStyle,
  };
}
